@mixin fixed-bottom($height: 10px) {
  /* 需要添加单位插值语法 */
  padding-bottom: calc(constant(safe-area-inset-bottom) + #{$height} + 120rpx) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + #{$height} + 120rpx) !important;
}
@mixin fixed-top($height: 44px) {
  /* 需要添加单位插值语法 */
  padding-top: calc(var(--status-bar-height) + #{$height});
}

@mixin fixed-height($height: 44px) {
  /* 需要添加单位插值语法 */
  height: calc(100vh - #{$height} - var(--status-bar-height));
}
@mixin sticky-top($height: 44px) {
  /* 需要添加单位插值语法 */
  top: calc(var(--status-bar-height) + #{$height});
}
@mixin s-ml($left: 20rpx) {
	margin-left: $left;
}

@mixin s-mr($right: 20rpx) {
	margin-right: $right;
}

@mixin s-pl($left: 20rpx) {
	padding-left: $left;
}

@mixin s-pr($right: 20rpx) {
	padding-right: $right;
}

@mixin progress($color: #fff, $bg: #f7f7f7) {
	color: $color;
	width: 100%;
	background-color: $bg;
	display: inline-flex;
	align-items: center;
	overflow: hidden !important;
}
@mixin progressItem($animate: width 0.4s ease) {
	width: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-items: flex-end;
	justify-content: space-around;
	transition: $animate;
}

@mixin ellipsis($lines: 1) {
	/* #ifndef APP-NVUE */
	@if $lines <=1 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	} @else {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: $lines;
		-webkit-box-orient: vertical;
	}
	/* #endif */
	/* #ifdef APP-NVUE */
	lines: $lines;
	text-overflow: ellipsis;
	/* #endif */
}
